<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/8/23
  Time: 上午 11:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
   <%-- <link href="/ico/favicon.ico" rel="shortcut icon">--%>
    <%-- //网站显示页logo图标--%>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/ico/favicon.ico">
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <script>
        function checkAll() {
            var username = $('#username').val();
            var password = $('#password').val();
            if ("" == username || "" == password) {
                alert("您的输入有误！");
                return;
            }
        }
    </script>
    <style type="text/css">
        body{
            background-color: #E0E4E8;
        }
        #login-div {
            border-radius: 25px;
            margin-left: 500px;
            margin-top: 200px;
            padding-top:10px;
            width: 400px;
            height: 250px;
            opacity:0.8;
            background-color: #FFFFFF;
        }
    </style>
    <%-- 收藏用logo图标--%>
    <%--<link rel="bookmark"  type="image/x-icon"  href="${contextPage.request.contextPath}/ico/favicon.ico"/>--%>

</head>
<body>
<div id="main">

    <div id="login-div">
        <!-- 登录表单 -->
        <form action="/loginController/login.action" method="post" style="margin-left:50px;margin-top:40px;">
            <div class="form-group" >
                <label for="username" stype="display:inline;margin-top:10px">账户：</label>
                <input type="text" class="form-control" id="username" name="userName"
                       style="display:inline;width:200px;"
                       autocomplete="off"/>

            </div>
            <div class="form-group">
                <label for="password" style="display:inline;">密码：</label>
                <input type="text" class="form-control" id="password" name="password"
                       style="display:inline;width:200px;"
                       autocomplete="off"/>
            </div>
            <div class="form-group">
                <label  style="display:block;">
                    <marquee direction="left"><span style="color: red">${error}</span></marquee>
                </label>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary" onclick="checkAll()">登录</button>
                <button type="submit" class="btn btn-primary">注册</button>
            </div>

        </form>

    </div>


</div>

</body>
</html>
